import { defineConfig } from 'vitepress'

export default defineConfig({
  base: '/blog/',
  title: '黄秤砣的博客',
  description: '基于vuePress搭建的个人博客',
  head: [['link', { rel: 'icon', href: '/blog/logo.svg' }]],
  themeConfig: {
    nav: [
      { text: '首页', link: 'https://www.hct.plus', target: '_self' },
      { text: '文章', link: '/article/' },
      { text: '笔记', link: '/note/' },
      { text: '个人简历', link: '/resume.md' },
      {
        text: 'Git',
        items: [
          { text: 'Gitee', link: 'https://gitee.com/HuangChengtuo' },
          { text: 'GitHub', link: 'https://github.com/HuangChengtuo' }
        ]
      }
    ],
    logo: 'https://s1.hct.plus/img/pureDD.png',
    outline: 'deep',
    sidebar: {
      '/note/': [{
        text: '笔记',
        items: [
          { text: '计算机通用', link: '/note/' },
          { text: '浏览器', link: '/note/browser' },
          { text: 'JavaScript', link: '/note/js' },
          { text: 'CSS', link: '/note/css' },
          { text: 'React', link: '/note/react' },
          { text: 'TypeScript', link: '/note/ts' },
          { text: '模块化', link: '/note/module' },
        ]
      }],
      '/article/index': [],
      '/article/': [{
        items: [
          { text: '鼠标滚轮翻页效果', link: '/article/anime' },
          { text: 'Vuex 和 Redux 和 Redux Toolkit 状态管理的区别', link: '/article/stateManagement' },
          { text: '循环链表在业务中的一次实际应用', link: '/article/swiper' },
          { text: 'Vue3 Reactivity 响应式原理', link: '/article/reactivity' },
          { text: 'Vue3.2 script setup 语法', link: '/article/setup' },
          { text: 'nginx 301 问题解析', link: '/article/nginx' }
        ]
      }]
    }
  }
})
